<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
			<span>X</span>
			<p>二维码</p>
		</div>
	</body>
	<script>
		/**
		 * 操作style样式时：
		 * 	1. 属性用驼峰命名法
		 *  2. DOM操作修改行内样式，行内样式权重更高
		 * */
		var span = document.querySelector("span");
		var p = document.querySelector("p");
		span.onclick = function() {
			p.style.visibility = "hidden";
		}
	</script>
	<style>
		span {
			background-color: #00FFFF;
		}

		p {
			background-color: green;
		}
	</style>
</html>
